<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta charset="UTF-8">
	<title>媒体</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/normalize.css">
</head>
<body>
	<div class="mediamap" id="map">
	</div>
	<div class="maskWrp">
		<div class="mask maskLeft">
			<div class="back">
				<a href="information.html" class="backPlan"><i class="backicon"></i><span>返回分析报告</span></a>
			</div>
			<div class="media_data clearfix" id="media_data">
				<div class="datatitle"><i class="mediadata"></i><span>覆盖受众：<b id="c_People"></b>万人</span><span>推荐媒体数量：<b id="mediaNumber"></b>例</span></div>
				<div id="vaInf" class="clearfix">
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>vaC</div>
						<div class="datacon vaCNum"></div>
					</span>
					<span class="data_item">	
						<div class="dataname"><i class="circle"></i>vaR</div>
						<div class="datacon vaRNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>vaF</div>
						<div class="datacon vaFNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>GRP</div>
						<div class="datacon GRPNum"></div>
					</span>
					<span class="data_item">
						<div class="dataname"><i class="circle"></i>CMP</div>
						<div class="datacon CMPNum"></div>
					</span>
					<div id="unit">
						<div>单位</div>
						<p>vaC：万人次</p>
						<p>vaR：百分比</p>
						<p>vaF：次</p>
						<p>GRP：无单位</p>
						<p>CPM：元</p>
					</div>
				</div>
			</div>
			<div class="media_wrp accor_wrp">
				<div class="mediatitle accortitle">媒体类型</div>
				<div class="accordionbox">
					<ul id="accordion" class="accordion">		
					</ul>
				</div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">有效接触人次vaC<a href="###"  class="viewsublist" id="vaCBtn">查看子表<i class="sublisticon"></i></a></div>
				<div id="mediaechart1" class="mediaechart">
				</div>
			</div>
			<div class="media_wrp">
				<div class="mediatitle">有效到达率vaR<a href="###"  class="viewsublist" id="vaRBtn">查看子表<i class="sublisticon"></i></a></div>
				<div id="mediaechart2" class="mediaechart">
				</div>
			</div>
		</div>
		<div class="medtitle_wrp"><span class="media_title">方案推荐详情</span></div>
		<div class="mask maskRight">
			<div class="loc_wea">
				<div class="locatinfo"><i class="Location"></i><span id="location"></span><span id="Describe"></span><span id="Season"></span><span class="mediatime" id="nowDate"></span></div>
				<div class="weather">
					<span class="weather_wrp"><i class="weathericon temicon"></i><div class="weatherinfo clearfix"><div class="weather_text">温度</div><div class="weatherdata temperature"></div></div></span>
					<span class="weather_wrp"><i class="weathericon cloud"></i><div class="weatherinfo clearfix"><div class="weather_text">天气</div><div class="weatherdata cond"></div></div></span>
					<span class="weather_wrp"><i class="weathericon windicon"></i><div class="weatherinfo clearfix"><div class="weather_text">风向</div><div class="weatherdata wind"></div></div></span>
					<span class="weather_wrp"><i class="weathericon air"></i><div class="weatherinfo clearfix"><div class="weather_text">空气</div><div class="weatherdata qlty"></div></div></span>
					<span class="weather_wrp"><i class="weathericon PM"></i><div class="weatherinfo clearfix"><div class="weather_text">PM2.5</div><div class="weatherdata pm25">11</div></div></span>
				</div>
			</div>
			<div class="mediatitle">有效到达率vaF<a href="###" class="viewsublist" id="vaFBtn">查看子表<i class="sublisticon"></i></a></div>
			<div id="mediaechartR1" class="mediaechart">
			</div>
			<div class="mediatitle">推荐方案期内的GRP<a href="###" class="viewsublist" id="GRPBtn">查看子表<i class="sublisticon"></i></a></div>
			<div id="mediaechartR2" class="mediaechart">
			</div>
			<div class="mediatitle">千人成本CPM<a href="###" class="viewsublist" id="CPMBtn">查看子表<i class="sublisticon"></i></a></div>
			<div id="mediaechartR3" class="mediaechart">
			</div>
		</div>
	</div>
	<div class="mapBtn"><span class="mapAdd">+</span><span class="mapReduce">-</span></div>
	<div class="databtn_wrp">
		<a href="media.html" class="media cur"><span>媒体</span></a>
		<a href="market.html" class="market"><span>市场</span></a>
		<a href="audiences.html" class="Audience"><span>受众</span></a>
	</div>
	<!-- <div class="cover_box"></div> -->
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- <script src="js/echarts.min.js"></script> -->
<script type="text/javascript" src="js/echarts-all-3.js"></script>
<script type="text/javascript" src="js/getAllTime.js"></script>
<script type="text/javascript" src="js/mapapi.js"></script>
<script type="text/javascript" src="js/bmap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Pg78EjHlM1Ma0Bs5gZwkmgrQ"></script>
<script type="text/javascript" src="js/ajax-information.js"></script>
<script type="text/javascript" src="js/media.js"></script>
<script type="text/javascript" src="js/adaptation.js"></script>
<script type="text/javascript">
	// window.onload=function(){
		// var a= document.getElementById('vaInf');
		// a.onmouseover=function(ev){
		// 	var oEvent=ev||event;
		// 	var oDiv=document.createElement('div');
  //       oDiv.style.left=oEvent.clientX+'px';  // 指定创建的DIV在文档中距离左侧的位置
  //       oDiv.style.top=oEvent.clientY+'px';  // 指定创建的DIV在文档中距离顶部的位置
  //       oDiv.style.border='1px solid #FF0000'; // 设置边框
  //       oDiv.style.position='absolute'; // 为新创建的DIV指定绝对定位
  //       oDiv.style.width='200px'; // 指定宽度
  //       oDiv.style.height='200px'; // 指定高度
  //       	oDiv.remove();
  //       $('#vaInf').append(oDiv);
  //       // document.body.appendChild(oDiv); 
  //   };
// }
</script>
</html>